{% extends "base.html" %}
{% block aptools_title %} {{ title }} {% endblock %}
{% block aptools_script %}
<script type="text/javascript">
{% url aptools.views.rfc2893 as rfc2893 %}
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true; 
$(document).ready(function() {
  $("#rfc2893").jqGrid({
    url:'{{ rfc2893 }}',
    datatype: 'json',
    mtype: 'POST',
    colNames:['MAC address','WAN Address', 'NAN Address','IPv4 Address','RFC IPv4 Address', 'RFC Tunnel', 'RFC Crypto', 'RFC Location'],
    colModel :[ 
      {name:'macaddr', index:'macaddr', width:25}, 
      {name:'wanaddr6', index:'wanaddr6', width:40}, 
      {name:'nanaddr6', index:'nanaddr6', width:40},
      {name:'ipv4addr', index:'ipv4addr', width:15},
      {name:'rfcaddr', index:'rfcaddr', width:15},
      {name:'rfctunnel', index:'rfctunnel', width:5, sortable:false},
      {name:'rfccrypto', index:'rfccrypto', width:5, sortable:false},
      {name:'rfcloc', index:'rfcloc', width:30}
    ],
    pager: '#rfc2893_pager',
    rowNum:1000,
    rowList:[1000,2000,3000],
    sortname: 'macaddr',
    sortorder: 'desc',
    viewrecords: true,
    gridview: true,
    caption: 'RFC2893 Table'
  }); 
}); 
</script>

<style type="text/css">
   #rfc2893 {
      height: 100%;
   }
</style>
{% endblock %}

{% block aptools_info %}
<table id="rfc2893"><tr><td/></tr></table> 
<div id="rfc2893_pager"></div> 
{% endblock %}
